<template>
	<scroll-view class="load-scroll-view" scroll-y @scrolltolower="scrolltolower">
		<slot></slot>
		<up-loadmore :status="loadStatus"></up-loadmore>	
	</scroll-view>
</template>

<script setup>
import { ref,defineEmits, defineProps} from 'vue';

const emits =	defineEmits(['scrolltolower']);
const props = 	defineProps(['loadStatus'])

//底部函数
function scrolltolower(){
	//没有加载就是没有了
	if(props.loadStatus != 'loading'){
		return;
	}
	emits('scrolltolower');
}
</script>

<style lang="scss" scoped>

  .load-scroll-view{
    padding: 10rpx;
    height: 100%;
    overflow-y: auto;
  }
</style>